<template>
	<div class="base_card">
		<base-card-title v-bind="$attrs">
			<template v-if="$slots.title" #title>
				<slot name="title"></slot>
			</template>
			<template v-if="$slots.titleAction" #default>
				<slot name="titleAction"></slot>
			</template>
		</base-card-title>
		<div class="base_card_body" :style="bodyStyle">
			<slot></slot>
		</div>
	</div>
</template>

<script setup>
	defineProps({
		bodyStyle: {
			type: String,
			default: 'padding: 0 20px 15px ;'
		}
	})
</script>

<style lang="less" scoped>
	.base_card {
		border-radius: 8px;
		overflow: hidden;
		background-color: #fff;
		.base_card_body {
			padding: 0 16px 16px;
		}
	}
</style>

<style lang="less">
.base_card {
	.van-cell {
		padding: 0;
	}
}
</style>
